<template>
  <div class="typeList">
     <item class="item" v-for="i in content" :item="i"></item>
  </div>
</template>

<script>
	import item from './typeItem.vue'
  export default{
    name:'',
    data(){
      return {
        
      }
    },
    computed:{
      
    },
    props:{
      content:{
        type:Array,
        default(){
          return [{title:"语言",content:['华语','日语','英语','西语','法语']},
					{title:"语言",content:['华语','日语','英语','西语','法语']},
					{title:"语言",content:['华语','日语','英语','西语','法语']},
					{title:"语言",content:['华语','日语','英语','西语','法语']},
					{title:"语言",content:['华语','日语','英语','西语','法语']}]
        }
      }
    },
    methods:{
      test(){
        
      }
    },
    components:{
       item
    },
    created(){
      
    },
    activated(){
    
    },
    mounted(){
    
    },
    updated(){
      
    },
    deactivated(){
    
    },
    destroyed(){
    
    },
  }
</script>

<style scoped>
	.typeList{
		display: flex;
		justify-content: center;
		margin: 20px 0;
	}
	.item{
		border-right: 1px solid var(--font-grey);
		display: inline-block;
		flex: 1;
		padding: 15px;
	}
	.item:nth-last-of-type(1){
		border-right: none;
		padding-right: 0px;
	}
	.item:nth-of-type(1){
		padding-left: 0px;
	}
</style>
